<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>微课平台</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="../css/reset.css" rel="stylesheet">
<link href="../css/layout.css" rel="stylesheet">
<link href="../css/animate.min.css" rel="stylesheet">
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/carousel.js"></script>
<script src="../js/index.js"></script>
<script>
window.onload=function(){
	var oUl=document.getElementById('menuList');	
	var aLi=oUl.children;
	var oBox=aLi[aLi.length-1];
	var iNow=0;
	
	for(var i=0; i<aLi.length-1; i++){
		aLi[i].index=i;
		aLi[i].onmouseover=function(){
			//oBox.style.left=this.offsetLeft+'px';
			startMove(oBox,this.offsetLeft);
			style="active";
		};
		aLi[i].onmouseout=function(){
			//oBox.style.left=this.offsetLeft+'px';
			startMove(oBox,iNow*aLi[0].offsetWidth);
		};
		aLi[i].onclick=function(){
			iNow=this.index;
		};
	}
};
</script>
	
</head>
<body>
   <div class="wrap">
   		
   		<div class="header">
				<div class="commwidth clearfix">
					<h1 class="logo">
   					<img src="../images/logo.png" alt="">
   				</h1>
					<div class="menu">
						<ul class="clearfix" id="menuList">
							<li class="">
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="famousClass.html">名师微课</a>
							</li>
							<li>
								<a href="javascript:;">课堂平台</a>
							</li>
							<li>
								<a href="javascript:;">名师直播</a>
							</li>
							<li>
								<a href="apply.html">合作</a>
							</li>
							<li class="box"></li>
						</ul>
					</div>
					<div class="user_menu">
						<ul class="clearfix">
							<li>
								<span class="fl" id="sign">登录</span>
								<i class="fenge fl"></i>
								<em class="fl" id="register">注册</em>
							</li>
							<li class="searchLi">
								<div data-selector="search_show" class="search_show fl">
									<i data-selector="search_btn" class="icon1 search_btn fl"></i>
									<div data-selector="search_contain" class="search_contain opacity fl"><input type="text" class="search_text" data-selector="search_text"><i class="icon1"></i></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

   		<div class="main">
   			<div class="main_top clearfix">
   				<div class="bannerPic fl"></div>
   				<div class="title fr">
   					<h3>微课课堂平台</h3>
   					<p>专注微课教育，帮助师生成长</p>
   					<a href="login.html">进入平台</a>
   				</div>
   			</div>
   			<div class="cont">
   				<h2>微课课堂平台</h2>
   				<div class="contText clearfix">
   					<p>我们通过微信公众号功能实现了教师与学生的互动，与教师平台端数据共享。在方便学生碎片化学习的同时，及时给予学生反馈。
   					</p>
   					<p>我们通过微信公众号功能实现了教师与学生的互动，与教师平台端数据共享。在方便学生碎片化学习的同时，及时给予学生反馈。
   					</p>
   					<p>我们通过微信公众号功能实现了教师与学生的互动，与教师平台端数据共享。在方便学生碎片化学习的同时，及时给予学生反馈。
   					</p>
   				</div>
   			</div>
   		</div>
   		<div class="toTopBox">
		<div class="toTop" style="opacity: 1;" title="返回顶部">
	    <span></span>
		</div>
	</div>
   		<div class="footer">
				<div class="footer-top clearfix">
					<div class="footer-vx fl">
						<p class="footer-title">关注我们</p>
						<div class="footer-vx-box clearfix">
							<div class="footer-vx-item footer-vx-itemNo1">
								<img src="../images/vx1.jpg" />
								<p>佳讯教育</p>
							</div>
							<div class="footer-vx-item">
								<img src="../images/vx2.jpg" />
								<p>微课课堂服务号</p>
							</div>
						</div>
					</div>
					<div class="footer-contact fl">
						<p class="footer-title">关注我们</p>
						<p class="footer-contact-font">热线电话：400-815-0802</p>
						<p class="footer-contact-font">电&#12288;&#12288;话：010-62698511</p>
						<p class="footer-contact-font">Q &#12288;&#12288; Q：981940781</p>
					</div>
				</div>
				<p class="footer-bottom">© Copyright@2015-2025北京永恒信业科技有很公司 .版权所有 京ICP备09025686号-1</p>
			</div>
   </div> 
	<div class="login_popup">
			<div class="maska" id="mask"></div>
			<!--登录-->
			<div class="login_default" id="signPopup">
				<div class="login wrapere" id="wraper">
	    			<p class="login_title clearfix">
	    				<span class="fl login_title_l"></span>
	    				<i class="fl">登录</i>
	    				<span class="fl login_title_r"></span>
	    			</p>
	    			<div class="content_form">
			            <form method="post" action="" onsubmit="return submitTest()">
			                <div id="change_margin_1">
			                    <input class="user" type="text" name="user" placeholder="请输入账号或手机号" onblur="oBlur_1()" onfocus="oFocus_1()">
			                </div>
			                <!-- input的value为空时弹出提醒 -->
			                <p id="remind_1"></p>
			                <div id="change_margin_2">
			                    <input class="password" type="password" name="password" placeholder="请输入密码" onblur="oBlur_2()" onfocus="oFocus_2()">
			                </div>
			                <p class="forget">
			                	<a href="#">忘记密码</a>
			                	<i>|</i>
			                	<a href="#">注册</a>
			                </p>
			                <!--input的value为空时弹出提醒-->
			                <p id="remind_2"></p>
			                <div id="change_margin_3">
			                    <input class="content_form_signup" type="submit" value="登录" onclick="toggleDialog(false)">
			                </div>
			            </form>
	        		</div>
	    		</div>
	    	</div>
    		<!--找回密码-->
	 		<div class="login_default find_pas">
					<div class="login">
		    			<p class="login_title clearfix">
		    				<span class="fl login_title_l"></span>
		    				<i class="fl">找回密码</i>
		    				<span class="fl login_title_r"></span>
		    			</p>
		    			<div class="content_form">
				            <form method="post" action="" onsubmit="return submitTest()">
				                <div id="change_margin_1">
				                    <input class="user" type="text" name="user" placeholder="请输入您要找回的账号" onblur="oBlur_1()" onfocus="oFocus_1()">
				                </div>
				                <!-- input的value为空时弹出提醒 -->
				                <p id="remind_1"></p>
				                <div id="change_margin_2">
				                    <input class="password" type="password" name="password" placeholder="请输入您的手机号" onblur="oBlur_2()" onfocus="oFocus_2()">
				                </div>
				                <!--input的value为空时弹出提醒-->
				                <p id="remind_2"></p>
				                <div id="change_margin_2">
				                    <input class="yzm" type="yzm" name="yzm" placeholder="请输入验证码" onblur="oBlur_2()" onfocus="oFocus_2()">
				                    <input class="content_form_signup" type="submit" value="发送验证码">
				                </div>
				                <div id="change_margin_2" class="clearfix option">
				                	<span class="fl backBar">返回登录</span>
				                	<span  class="fr nextBar">下一步</span>
				                </div>
				            </form>
		        		</div>
		    		</div>
			</div>	
			<!--找回密码下一步 确定-->
			<div class="login_default find_pas find_pas_sure">
				<div class="login">
	    			<p class="login_title clearfix">
	    				<span class="fl login_title_l"></span>
	    				<i class="fl">找回密码</i>
	    				<span class="fl login_title_r"></span>
	    			</p>
	    			<div class="content_form">
			            <form method="post" action="" onsubmit="return submitTest()">
			                <div id="change_margin_1">
			                    <input class="user" type="text" name="user" placeholder="请输入新密码" onblur="oBlur_1()" onfocus="oFocus_1()">
			                </div>
			                <!-- input的value为空时弹出提醒 -->
			                <p id="remind_1"></p>
			                <div id="change_margin_2">
			                    <input class="password" type="password" name="password" placeholder="请再次输入新密码" onblur="oBlur_2()" onfocus="oFocus_2()">
			                </div>
			                <!--input的value为空时弹出提醒-->
			                <p id="remind_2"></p>
			                <div id="change_margin_2" class="clearfix option">
			                	<span class="fl backBar">返回登录</span>
			                	<span  class="fr nextBar">确定</span>
			                </div>
			            </form>
	        		</div>
	    		</div>
			</div>	
			<!--注册-->
			<div class="login_default find_pas">
				<div class="login">
	    			<p class="login_title clearfix register">
	    				<span class="fl login_title_l"></span>
	    				<i class="fl">注册</i>
	    				<span class="fl login_title_r"></span>
	    			</p>
	    			<div class="content_form">
			            <form method="post" action="" onsubmit="return submitTest()">
			                <div id="change_margin_1">
			                    <input class="user" type="text" name="user" placeholder="请输入手机号" onblur="oBlur_1()" onfocus="oFocus_1()">
			                </div>
			                <!-- input的value为空时弹出提醒 -->
			                <p id="remind_1"></p>
			                <div id="change_margin_2">
			                    <input class="yzm" type="yzm" name="yzm" placeholder="请输入验证码" onblur="oBlur_2()" onfocus="oFocus_2()">
			                    <input class="content_form_signup" type="submit" value="发送验证码">
			                </div>
			                <div id="change_margin_2" class="clearfix option">
			                	<span class="fl backBar">返回登录</span>
			                	<span  class="fr nextBar">下一步</span>
			                </div>
			            </form>
	        		</div>
	    		</div>
			</div>	
			<!--注册 确定-->
			<div class="login_default find_pas find_pas_sure">
				<div class="login">
	    			<p class="login_title clearfix register">
	    				<span class="fl login_title_l"></span>
	    				<i class="fl">注册</i>
	    				<span class="fl login_title_r"></span>
	    			</p>
	    			<div class="content_form">
			            <form method="post" action="" onsubmit="return submitTest()">
			                <div id="change_margin_1">
			                    <input class="user" type="text" name="user" placeholder="请输入密码" onblur="oBlur_1()" onfocus="oFocus_1()">
			                </div>
			                <!-- input的value为空时弹出提醒 -->
			                <p id="remind_1"></p>
			                <div id="change_margin_2">
			                    <input class="password" type="password" name="password" placeholder="请再次输入密码" onblur="oBlur_2()" onfocus="oFocus_2()">
			                </div>
			                <!--input的value为空时弹出提醒-->
			                <p id="remind_2"></p>
			                <div id="change_margin_2" class="clearfix option">
			                	<span class="fl backBar">返回登录</span>
			                	<span  class="fr nextBar">确定</span>
			                </div>
			            </form>
	        		</div>
	    		</div>
			</div>			 
		</div>
<script type="text/javascript">
	$('[data-selector="search_show"]').click(function (){
		$('[data-selector="search_contain"]').show();
		$('[data-selector="search_btn"]').hide();
	});
	$('[data-selector="search_text"]').focus(function (){
		$('[data-selector="search_contain"]').removeClass('opacity');
	});
	$('.navBar').on('mouseover', function(event) {
		$('.navList').show();
		event.preventDefault();
	});
	$('.navBar').on('mouseout', function(event) {
		$('.navList').hide();
		event.preventDefault();
	});
	//返回顶部
			$(function () {
		        var $backToTopEle = $('.toTop'), $backToTopFun = function () {
		            var st = $(document).scrollTop(), winh = $(window).height();
		            (st > 200) ? $backToTopEle.fadeIn('slow') : $backToTopEle.fadeOut('slow');
		            //IE6下的定位
		            if (!window.XMLHttpRequest) {
		                $backToTopEle.css("top", st + winh - 166);
		            }
		        };
		        $('.toTop').click(function () {
		            $("html, body").animate({scrollTop: 0}, 600);
		        })
		        $backToTopEle.hide();
		        $backToTopFun();
		        $(window).bind("scroll", $backToTopFun);
		        $('#catalogWord').click(function () {
		            $("#catalog").slideToggle(600);
		        })
		    })
</script>
</body>
</html>